
@keyframes rotate {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.fullScreen {
    width:100%;
    height: 13.5rem;
    min-width: 1230px;
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    left: 0 ;
    bottom:0;
    background:url('../../images/gear.jpg');
    background-repeat:no-repeat!important;
    background-size: cover;
    line-height: 1.15;
    color: #A5CCED;
}

.mainbox {
    margin: auto;
    width: 80%;
    display: flex;
    align-content: center;
}

.mainbox .column {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rect {
    width: 60%;
    margin-top: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/**
    左右侧字体
 */
.mainfont {
    text-align: center;
    letter-spacing: 0.02rem;
    text-indent: 0.02rem;
}
/**
    左侧图片
 */
.mainbox .column .base_img_left {
    background:url('../../images/comprehensive_application/left.png');
    width: 3rem;
    height: 2rem;
    margin: 0.2rem auto 0 auto;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
    animation: finger_left infinite 4s;
}
/**
    右侧图片
 */
.mainbox .column .base_img_right {
    background:url('../../images/comprehensive_application/right.png');
    width: 3rem;
    height: 2rem;
    margin: 0.2rem auto 0 auto;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
    animation: finger_right infinite 4s;
}
/**
    中间外圈
 */
.mainbox .column .wai_circle {
    background:url('../../images/comprehensive_application/wai_circle.png');
    width: 7.075rem;
    height: 7.075rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
    animation: rotate 10s linear infinite;
    z-index: 1;
}
/**
    中间内圈
 */
.mainbox .column .nei_circle {
    background:url('../../images/comprehensive_application/nei_circle.png');
    width: 6.075rem;
    height: 6.075rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
    z-index: 9;
}
/**
    左侧图片左右平移
 */
@keyframes finger_left {

    0% {

        transform: translate(-10px)
    }


    25% {
        transform: translate(10px)
    }


    50% {
        transform: translate(-10px)
    }


    75% {
        transform: translate(10px)
    }

    100% {
        transform: translate(-10px)
    }

}
/**
    右侧图片左右平移
 */
@keyframes finger_right {

    0% {

        transform: translate(10px)
    }


    25% {
        transform: translate(-10px)
    }


    50% {
        transform: translate(10px)
    }


    75% {
        transform: translate(-10px)
    }

    100% {
        transform: translate(10px)
    }

}

